/**
 * 创数团队小程序 - 全局样式变量
 * 蓝紫色主题，简洁美观
 */

/* 主题色彩 - 蓝紫色系 */
$primary-color: #6366f1;        // 主色调 - 靛蓝色
$primary-light: #818cf8;        // 主色调浅色
$primary-dark: #4f46e5;         // 主色调深色
$secondary-color: #8b5cf6;      // 辅助色 - 紫色
$secondary-light: #a78bfa;      // 辅助色浅色
$accent-color: #06b6d4;         // 强调色 - 青色

/* 渐变色 */
$gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
$gradient-secondary: linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%);

/* 中性色 */
$text-primary: #1f2937;         // 主要文字
$text-secondary: #6b7280;       // 次要文字
$text-light: #9ca3af;           // 浅色文字
$text-white: #ffffff;           // 白色文字

/* 背景色 */
$bg-primary: #ffffff;           // 主背景
$bg-secondary: #f9fafb;         // 次背景
$bg-card: #ffffff;              // 卡片背景
$bg-overlay: rgba(0, 0, 0, 0.5); // 遮罩背景

/* 边框和分割线 */
$border-color: #e5e7eb;         // 边框色
$border-light: #f3f4f6;         // 浅边框

/* 状态色 */
$success-color: #10b981;        // 成功
$warning-color: #f59e0b;        // 警告
$error-color: #ef4444;          // 错误
$info-color: #3b82f6;           // 信息

/* 阴影 */
$shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
$shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

/* 圆角 */
$radius-sm: 8rpx;
$radius-md: 12rpx;
$radius-lg: 16rpx;
$radius-xl: 24rpx;
$radius-full: 50%;

/* 间距 */
$spacing-xs: 8rpx;
$spacing-sm: 16rpx;
$spacing-md: 24rpx;
$spacing-lg: 32rpx;
$spacing-xl: 48rpx;
$spacing-2xl: 64rpx;

/* 字体大小 */
$font-xs: 20rpx;
$font-sm: 24rpx;
$font-base: 28rpx;
$font-lg: 32rpx;
$font-xl: 36rpx;
$font-2xl: 40rpx;
$font-3xl: 48rpx;

/* 行高 */
$line-height-tight: 1.25;
$line-height-normal: 1.5;
$line-height-relaxed: 1.75;

/* 动画 */
$transition-fast: 0.15s ease;
$transition-normal: 0.3s ease;
$transition-slow: 0.5s ease;

/* 兼容uni-app原有变量 */
$uni-color-primary: $primary-color;
$uni-color-success: $success-color;
$uni-color-warning: $warning-color;
$uni-color-error: $error-color;

$uni-text-color: $text-primary;
$uni-text-color-inverse: $text-white;
$uni-text-color-grey: $text-secondary;
$uni-text-color-placeholder: $text-light;
$uni-text-color-disable: #c0c0c0;

$uni-bg-color: $bg-primary;
$uni-bg-color-grey: $bg-secondary;
$uni-bg-color-hover: #f1f1f1;
$uni-bg-color-mask: $bg-overlay;

$uni-border-color: $border-color;

$uni-font-size-sm: $font-sm;
$uni-font-size-base: $font-base;
$uni-font-size-lg: $font-lg;

$uni-img-size-sm: 40rpx;
$uni-img-size-base: 52rpx;
$uni-img-size-lg: 80rpx;

$uni-border-radius-sm: $radius-sm;
$uni-border-radius-base: $radius-md;
$uni-border-radius-lg: $radius-lg;
$uni-border-radius-circle: $radius-full;

$uni-spacing-row-sm: $spacing-sm;
$uni-spacing-row-base: $spacing-md;
$uni-spacing-row-lg: $spacing-lg;

$uni-spacing-col-sm: $spacing-xs;
$uni-spacing-col-base: $spacing-sm;
$uni-spacing-col-lg: $spacing-md;

$uni-opacity-disabled: 0.3;

$uni-color-title: $text-primary;
$uni-font-size-title: $font-2xl;
$uni-color-subtitle: $text-secondary;
$uni-font-size-subtitle: $font-xl;
$uni-color-paragraph: $text-primary;
$uni-font-size-paragraph: $font-base;